@import '@vuepress/plugin-palette/palette';

// colors
// $accentColor: #3eaf7c !default;
$accentColor: #6f3eaf !default;
$textColor: #2c3e50 !default;
$borderColor: #eaecef !default;
$codeBgColor: #4c5552 !default;
$arrowBgColor: #ccc !default;
$tipColor: #896fac !default;
$warningColor: #e7c000 !default;
$dangerColor: #cc0000 !default;
$badgeTipColor: $tipColor !default;
$badgeWarningColor: $warningColor !default;
$badgeDangerColor: $dangerColor !default;

// layout
$navbarHeight: 3.6rem !default;
$sidebarWidth: 15rem !default;
// $contentWidth: 740px !default;
$contentWidth: 960px !default;
$homePageWidth: 960px !default;
$homePageWidth: 1020px !default;

// responsive breakpoints
$MQNarrow: 959px !default;
$MQMobile: 719px !default;
$MQMobileNarrow: 419px !default;

// code
$lineNumbersWrapperWidth: 3.5rem !default;
$codeLang: 'c' 'cpp' 'cs' 'css' 'dart' 'docker' 'fs' 'go' 'html' 'java' 'js'
  'json' 'kt' 'less' 'makefile' 'md' 'php' 'py' 'rb' 'rs' 'sass' 'scss' 'sh'
  'styl' 'ts' 'toml' 'vue' 'yml' !default;

// other
$contentClass: '.theme-default-content' !default;
